<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>系统简介</title>
    <link rel="shortcut icon" href="/img/favicon.ico" /><!--标签页面顶部的小图标-->
    <script th:src="@{/webjars/jquery/3.3.1/jquery.js}"></script>
    <link th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet"/>
    <script th:src="@{/webjars/bootstrap/4.0.0/js/bootstrap.js}"></script>
    <script>

        function addWangZhan(){
            $.ajax({
                url:"/admin/addWangZhan.do",
                type:"get",
                data:{ljName:$("#ljName").val(),ljSrc:$("#ljSrc").val()},
                success:function(result){
                    alert("添加成功！");
                    $("#ljName").val("");
                    $("#ljSrc").val("");
                },
                error:function () {
                    alert("系统异常");
                }
            })
        }

        function check(){
            $("#ljName").blur(function () {
                if ($("#ljName").val()==""||$("#ljName").val()==null){
                    $("#msgName").html("<font color='red'>网站名称不能为空</font>");
                    // $("#addbtn").attr("disabled",true);
                }else {
                    $("#msgName").html("");
                }
            })
            $("#ljSrc").blur(function () {
                if ($("#ljSrc").val()==""||$("#ljSrc").val()==null){
                    $("#msgSrc").html("<font color='red'>网址网址不能为空</font>");
                }else {
                    $("#msgSrc").html("");
                }
            })
            $("#flagTr").mouseover(function () {
                if ($("#ljName").val()!=""&&$("#ljName").val()!=null&&$("#ljSrc").val()!=""&&$("#ljSrc").val()!=null) {
                    $("#addBtn").attr("disabled", false);
                } else {
                    $("#addBtn").attr("disabled", true);
                }
            })
        }

        $(function () {
            check();
        })

        function reset() {
            $("#ljName").val("");
            $("#ljSrc").val("");
        }
    </script>
</head>

</head>
<body>
    <div id="allText" style="margin-left: 10px;margin-top: 30px">

        <table class='table table-hover' border='1' bordercolor='green'>
            <tr><td colspan='2'>添加友情链接</td></tr>
            <tr>
                <td>网站名称:</td>
                <td><input type="text" name='ljName' id='ljName'><span id="msgName"></span> </td>
            </tr>
            <tr id="flagTr">
                <td>网址:</td>
                <td><textarea cols='60' rows='2' name='ljSrc' id='ljSrc'></textarea><span id="msgSrc"></span></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    &nbsp;&nbsp;<button class='btn btn-primary btn-sm' onclick="reset()">重置</button>&nbsp;&nbsp;
                    <button class='btn btn-primary btn-sm' id="addBtn" onclick='addWangZhan();'>添加</button>
                </td>
            </tr>
        </table>

    </div>
</body>
</html>